<template>
	<div>
		<!-- 选择器 -->
		<div class="mb-20px flex items-center">
			<div class="mr-20px">
				<p class="text-12px text-#86909C mb-10px">
					币种
				</p>
				<div class="w-140px">
					<el-select v-model="coinSelected" placeholder="请选择" popper-class="person-rec-manage-popper"
					suffix-icon="CaretBottom">
						<el-option label="全部" value="1"></el-option>
						<el-option label="USDT" value="2"></el-option>
						<el-option label="ETH" value="3"></el-option>
						<el-option label="BTC" value="4"></el-option>
						<el-option label="TRX" value="5"></el-option>
						<el-option label="JYD" value="6"></el-option>
					</el-select>
				</div>
			</div>
			<div class="mr-20px">
				<p class="text-12px text-#86909C mb-10px">
					交易状态
				</p>
				<div class="w-140px">
					<el-select v-model="statusSelected" placeholder="请选择" popper-class="person-rec-manage-popper"
					suffix-icon="CaretBottom">
						<el-option label="全部" value="1"></el-option>
						<el-option label="开立中" value="2"></el-option>
						<el-option label="已生效" value="3"></el-option>
						<el-option label="支取中" value="4"></el-option>
						<el-option label="已入账" value="5"></el-option>
					</el-select>
				</div>
			</div>
			<div class="mr-20px">
				<p class="text-12px text-#86909C mb-10px">
					理财产品
				</p>
				<div class="w-140px">
					<el-select v-model="productSelected" placeholder="请选择" popper-class="person-rec-manage-popper"
					suffix-icon="CaretBottom">
						<el-option label="全部" value="1"></el-option>
						<el-option label="欧神定期宝" value="2"></el-option>
					</el-select>
				</div>
			</div>
		</div>
		<!-- 列表 -->
		<RegularTable/>
	</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import RegularTable from '../tables/RegularTable.vue';
const coinSelected = ref<any>('1');
const statusSelected = ref<any>('1');
const productSelected = ref<any>('1');
</script>
<style lang="scss">
.person-rec-manage-popper{
	ul{
		padding:0;
		
	}
	.el-popper__arrow:before{
		display: none;
	} 
}	
</style>
